<template >
    <div>
        helloWord
        <!-- 使用插件 -->
        <vue-msg ref="msg"></vue-msg>
        <!-- 自动获取焦点 -->
        <input type="text" v-focus>
    </div>
</template>
<script>
// import VueMsg from './index.js'
// 使用插件：在工程的main.js中，使用 Vue.ues(VueMsg); 来全局注册插件，然后在此就可使用
export default {
    methods: {
        submit(){
            // 这个方法是在 页面渲染完毕之后执行的
            // 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新
            this.$nextTick(()=>{
                this.$refs.msg.msgPlugin('xxx不能为空');
            })
        }
    },
}
</script>
<style lang="">
    
</style>